<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>更多</title>
<link type="text/css" rel="stylesheet" href="__TMPL__Public/css/style.css">
<script type="text/javascript" src="__TMPL__Public/js/jquery.min.js"></script>

</head>

<body>
<img src="__TMPL__Public/images/bigtit.jpg" height="445" style="display:block; margin:0 auto">
<div class="page">
	<div class="pagecon">
    	<div class="pagetit">品牌检索</div>
    	<div class="backbutton">
        	<dl>
            	<dd>返回</dd>
                <dd>首页</dd>
            </dl> 
        </div>
        <div class="kindbox">
        
        	<div class="searchform" style="margin:0 0 30px 195px;">
                <input type="text" placeholder="搜索品牌" list="brand"> 
                <datalist id="brand">
                    <option value="金盾男装">
                    <option value="尤西子">
                    <option value="韩氏伊人">
                    <option value="好宝贝童装">
                    <option value="依衣裤业">
                </datalist> 
            </div>
            
        	 <dl class="searchkind tab_title" id="brandkind">
             	<dd class="purpleshadow">按楼层查询</dd>
                <dd class="whiteshadow">按业态查询</dd>
                <dd class="whiteshadow">按字母查询</dd>
             </dl> 
             
             <div class="brandlistbox">
             	<div class="blbcon full-height-scroll">
                	<php>$shops = query_sql("select a.*,b.name floorname,c.name formatname,d.savename,d.savepath,d.size from ".C('DB_PREFIX')."shop a left join ".C('DB_PREFIX')."floor b on a.floorID = b.id left join ".C('DB_PREFIX').
        "format c on a.formatID = c.id left join ".C('DB_PREFIX')."attachment d on a.attachmentID = d.id order by a.floorID asc");</php>
                	<Volist name='shops' id='vo'>
                	<div class="storebox" floor='{$vo.floorid}'>  
                    	<div class="storepic">
                            <img src="__TMPL__Public/images/pic1.jpg" width="160" height="160">
                        </div> 
                        <div class="storeintr"> 
                            <h1>{$vo.shopname}</h1> 
                            <p>联系人：吴桂兰<br>电话：15603902278<br>铺位号：{$vo.number}</p>
                            <div class="purpleshadow">如何到达</div>
                        </div>  
                    </div>
                    </Volist>
                </div> 
             </div>
             <div class="kinddet" id="brandlist">
             	<dl class="floorkind tab_title">
                	<php>$floors = query_sql("select * from  ".C('DB_PREFIX')."floor where status = 1");</php>
                	<!-- <dd class="purpleshadow"><span>5L</span>童装/孕婴/羽绒服</dd> -->
                	<Volist name='floors' id='vo'>
                		<dd class="whiteshadow" floorid='{$vo.id}'><span>{$vo.shortname}</span>{$vo.description}</dd>
                	</Volist>
                </dl>
                <dl class="formkind tab_title hide"> 
                    <dd class="purpleshadow">品牌女装</dd>
                    <dd class="whiteshadow">精品男装</dd>
                    <dd class="whiteshadow">羽绒服</dd>
                    <dd class="whiteshadow">内衣家居服</dd>
                    <dd class="whiteshadow">皮草专区</dd>
                    <dd class="whiteshadow">精品女裤</dd>
                    <dd class="whiteshadow">孕婴用品</dd>
                    <dd class="whiteshadow">精品童装</dd>
                    <dd class="whiteshadow">餐饮美食</dd>     
                </dl> 
                <dl class="letterkind tab_title hide">
                	<dd class="purpleshadow">A</dd>
                    <dd class="whiteshadow">B</dd>  
                    <dd class="whiteshadow">C</dd>  
                    <dd class="whiteshadow">D</dd>  
                    <dd class="whiteshadow">E</dd>
                    <dd class="whiteshadow">F</dd>  
                    <dd class="whiteshadow">G</dd>  
                    <dd class="whiteshadow">H</dd>  
                    <dd class="whiteshadow">I</dd>
                    <dd class="whiteshadow">J</dd>  
                    <dd class="whiteshadow">K</dd>  
                    <dd class="whiteshadow">L</dd>  
                    <dd class="whiteshadow">M</dd>
                    <dd class="whiteshadow">N</dd>  
                    <dd class="whiteshadow">O</dd>  
                    <dd class="whiteshadow">P</dd>  
                    <dd class="whiteshadow">Q</dd>
                    <dd class="whiteshadow">R</dd>  
                    <dd class="whiteshadow">S</dd>  
                    <dd class="whiteshadow">T</dd>  
                    <dd class="whiteshadow">U</dd>
                    <dd class="whiteshadow">V</dd>  
                    <dd class="whiteshadow">W</dd>  
                    <dd class="whiteshadow">X</dd>  
                    <dd class="whiteshadow">Y</dd>
                    <dd class="whiteshadow">Z</dd>   
                </dl> 
             </div>
              
			<script>
				$(document).ready(function(e) {
					//右侧楼层查询第一个默认选中
					$(".floorkind dd").eq(0).removeClass("whiteshadow").addClass("purpleshadow");
					$(".floorkind dd").click(function(){
						var floorid = $(this).attr("floorid");
						$("div.storebox").css({"display":"none"});
						$("div.storebox[floor='"+floorid+"']").css({"display":"block"});
					});
					
					var fobj=$(".tab_title");
					fobj.children("dd").click(function(){ 
						$(this).parent(".tab_title").children('dd').removeClass("purpleshadow");
						$(this).parent(".tab_title").children('dd').addClass("whiteshadow");
						$(this).addClass("purpleshadow"); 
					});
					
					//页签切换
					var ftab=$('#brandkind');
					var ctab=$('#brandlist').children('dl');
					ftab.children("dd").click(function(){ 
						var num=$(this).parent("#brandkind").children('dd').index(this); 
						ctab.hide();
						ctab.eq(num).show();
					})
					  
				});
			</script> 
        </div> 
    </div>
</div>
<div class="footer">
	<p>郑州世贸购物中心欢迎您的光临<br>祝您逛得愉快，穿的开心</p>
</div>

<script src="__TMPL__Public/js/jquery.slimscroll.min.js"></script>
<script>
	$(function(){$(".full-height-scroll").slimScroll({height:"100%"})});
</script>

</body>
</html>
